<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="../template/templateSGRUsuario.xhtml">
        <ui:define name="index">
            <h:form id="index">
                <article id="content">
                    <div class="wrap">
                        <section class="cols">
                            <div class="box">
                                <div>
                                    <h2>Sabías <span>que...</span></h2>
                                    <figure><h:graphicImage library="theme/images"  name="page2_img1.jpg" alt="" /></figure>
                                    <p class="pad_bot1">Neque porro quisquam est, qui dolor- em ipsum qudolor sitamet consectetur adipisci velit, sed quia non numquam eius modi tempora incidunt.</p>
                                </div>
                            </div>
                        </section>
                        <section class="cols pad_left1">
                            <div class="box">
                                <div>
                                    <h2 class="letter_spacing">Nuestra<span> Cocina</span></h2>
                                    <ul class="list1 pad_bot1">
                                        <li>Lorem ipsum dolor sit amet</li>
                                        <li>Consectetur adipisicing elit sed</li>
                                        <li>Eiusmod tempor incididunt labore</li>
                                        <li>Ut enim ad minim veniam</li>
                                        <li>Quis nostrud exercation ullamco</li>
                                        <li>Laboris nisi ut aliquip</li>
                                        <li>Commodo consequat aute </li>
                                        <li>Irure dolor in reprehenderit</li>
                                        <li>Voluptate velit esse cillum dolore</li>
                                    </ul>
                                </div>
                            </div>
                        </section>
                        <section class="cols pad_left1">
                            <div class="box">
                                <div>
                                    <h2 style="font-size: 200%">Especial <span>de la Casa</span></h2>
                                    <ui:include src="especialCasa.xhtml"/>                                    
                                    <h:link value="Reserva tu mesa" styleClass="button1" outcome="/paginasUsuario/reservar.xhtml" />
                                </div>
                            </div>
                        </section>
                    </div>
                </article>
            </h:form>

        </ui:define>
        <ui:define name="contenido"></ui:define>
    </ui:composition>

</html>